@import '../../style/rem.scss'; // 引入rem

.wrap {
  width: 100%;
  padding: rem(18) rem(15);
}
.list {
  display: flex;
  padding-top: rem(15);
  dl {
    flex: 1;
    overflow: hidden;
    margin-right: rem(15);
    &:last-of-type {
      margin-right: 0;
    }
  }
  dt {
    width: 100%;
    padding-top: 100% / (75 / 100);
    overflow: hidden;
    position: relative;
    .img {
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  span {
    font-size: rem(12);
    color: #999999;
  }
}
.change {
  padding-top: rem(20);
  text-align: center;
  span {
    background: url('../../assets/change.png') no-repeat left center;
    background-size: rem(14) auto;
    padding-left: rem(18);
  }
}
